<template>
  <div id="parent">
    <h1>插槽</h1>
    <navigation-link url="https://www.youdao.com" v-slot="{ url }">
      以{{ user.name }}的身份访问该链接的地址为{{ url }}
    </navigation-link> 
  </div>
</template>

<script>
import Child from './Child';

export default {
  components: {
    NavigationLink: Child,
  },
  data() {
    return {
      user: {
        name: '哈默',
      },
    };
  },
};
</script>

<style>
#parent {
  text-align: center;
}
</style>
